<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-3.3.1.js"></script>
<link href="${pageContext.request.contextPath }/static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" />
<!-- Font Awesome -->
<link href="${pageContext.request.contextPath }/static/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath }/static/sidebar-menu/sidebar-menu.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath }/static/ace/css/ace-rtl.min.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath }/static/ace/css/ace-skins.min.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath }/static/toastr/toastr.min.css" rel="stylesheet" />
<link href="${pageContext.request.contextPath }/static/bootstrap-3.3.7-dist/css/bootstrap-tab.css" rel="stylesheet"/>
<link href="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/css/bootstrapValidator.css" rel="stylesheet">

<script src="${pageContext.request.contextPath }/static/js/jquery-3.3.1.js"></script>
<script src="${pageContext.request.contextPath }/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath }/static/sidebar-menu/sidebar-menu.js"></script>
<script src="${pageContext.request.contextPath }/static/bootstrap-3.3.7-dist/js/bootstrap-tab.js"></script>
<script	type="text/javascript" src="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/js/bootstrap-dialog.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/bootstrap-3.3.7-dist/js/bootstrapValidator.js"></script>
<title>学情管理</title>
<script>
	$(function(){
		$("#userImg").attr("src","../${sessionScope.user.img}");
	})
	function loginOut(){
		$.ajax({
			url:"${pageContext.request.contextPath}/UserLoginOutServlet",
			dataType:"json",
			type:"post",
			success:function(data){
				if(data){
					alert("退出登录");
					window.location.href="${pageContext.request.contextPath}/page/login.jsp"
				}
			}
		})
	}
</script>
<style>
	.hy-h2{
		display:inline-block;
		width:1500px;
		height:200px;
		margin:100px auto;
		color:blue;
		text-align:center;
		line-height:200px;
		font-size:50px;
		font-weight:900;
	}
</style>
</head>
<body>
     <div class="navbar navbar-default" id="navbar">
        <div class="navbar-container" id="navbar-container">
            <div class="navbar-header pull-left">
                <a href="#" class="navbar-brand">
                    <small>
                        <i class="icon-leaf"></i>
						学情管理系统
                    </small>
                </a>
            </div>
            <div class="navbar-header pull-right" role="navigation">
                <ul class="nav ace-nav">
                    
                       <li class="light-blue" style="height:50px;margin-right:-20px;">
                          
                           <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                               <img id="userImg" class="nav-user-photo"  alt="Admin's Photo"  onclick="uploadImg()"/>
                               <span class="user-info">
                                 <small>欢迎光临,</small>
                                   	${user.loginName }
                               </span>
                               <i class="icon-caret-down"></i>
                           </a>
                           <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                               <li>
                                   <a href="#" onclick="updateUser()">
                                       <i class="icon-cog"></i>
                                      	 设置
                                   </a>
                               </li>
                               <li>
                                   <a href="#" onclick="showUserMessage()">
                                       <i class="icon-user"></i>
                                       	个人资料
                                   </a>
                               </li>
                               <li class="divider"></li>
                               <li>
                                   <a onclick="loginOut()">
                                       <i class="icon-off"></i>
                                       	退出
                                   </a>
                               </li>
                           </ul>
                       </li>
                   </ul>
            </div>
		
        </div>
	    
    </div>
    <div class="main-container" id="main-container">
        <div class="main-container-inner">
            <a class="menu-toggler" id="menu-toggler" href="#">
                <span class="menu-text"></span>
            </a>
            <div class="sidebar" id="sidebar">
                <ul class="nav nav-list" id="menu"></ul>
                <div class="sidebar-collapse" id="sidebar-collapse">
                    <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
                </div>
            </div>
            <div class="main-content">
                <div class="page-content">
                    <div class="row" style="margin-right:-20px;margin-left:-20px;">
                        <div class="col-xs-12" style="padding-left:0px;padding-right:0px;">
                            <ul class="nav-my-tab">
                                <li class="leftbackward"><a href="#" >
                                    <i class="icon-backward"></i></a>
                                </li>
                                <li class="middletab">
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li class="active"><a href="#Index" role="tab" data-toggle="tab">
                                            <i class="icon-home"></i>系统首页</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="rightforward"><a href="#">
                                        <i class="icon-forward"></i></a>
                                 </li>
                            </ul>
                            
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane active" id="Index" style="height:100%">
									<h2 class="hy-h2">欢迎进入学情管理系统</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
            <i class="icon-double-angle-up icon-only bigger-110"></i>
        </a>
    </div>
     <script type="text/javascript">
     $(function () {
         $.ajax({
         	url:"${pageContext.request.contextPath }/menus.json",
         	type:"get",
         	dataType:"json",
         	success:function(data){
         		 $('#menu').sidebarMenu({data:data})
         	}
         });
     })    
     </script>
    <script src="${pageContext.request.contextPath }/static/ace/js/ace-extra.min.js"></script>
    <script src="${pageContext.request.contextPath }/static/ace/js/ace.min.js"></script>
</body>
</html>